<template>
	<div class="shortcut-item">
		<div class="shortcut-item-inner" @click="onJump(item.path)">
			<div class="shortcut-icon">
				<span :class="item.icon"></span>
			</div>
			<div class="shortcut-name">{{ item.name }}</div>
		</div>
	</div>
</template>

<script>
    import { firstCharacterToUpperCase } from '../../../../utils/jk/jk-tool';

    export default {
        props: {
            item: {
                type: Object,
                default() {
                    return {};
                }
            }
        },
        methods: {
            onJump(name) {
                this.$toMainRouter({
                    name: firstCharacterToUpperCase(name)
                });
            }
        }
    };

</script>

<style scoped lang="scss">
@import "./index";
</style>
